<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景</title>
</head>
<body>
<div class="ri">我要日逼</div>
<div class="cao">操逼</div>
<div class="zhi"> 指定大小</div>
<div class="shen">完全伸展图像</div>
<div class="qu">指定区域图像</div>
<div class="jian">背景剪裁</div>
<style>
    .jian{
        border: dotted 10px black;
        background-color: yellow;
        background-clip: content-box;
        padding: 35px;
    }
    .qu{
        background: url("../img/border.png");
        background-origin: content-box;
        background-repeat: no-repeat;
    }
    div{
        text-align: center;
        padding: 100px;
    }
    div.ri{

        background-image: url("../img/img_flwr.gif") ,url("../img/paper.gif");
        background-repeat: no-repeat,repeat;
        background-position: right bottom,left top;
    }
    .cao{
        background-image: url("../img/a.gif");
        padding:250px;

    }
    .zhi{
        background: url("../img/b.gif ");
        background-size: 100px 100px;

    }
    .shen{
        background-size: 100% 100%;
        background: url("../img/c.gif");
        padding: 300px;
    }
</style>
</body>
</html>